<!doctype html>
<html>
<head>
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta charset="utf-8">
<title>Dokk1, Much more than just a library</title>
</head>

<body>
	<div id="wrapper">
    	<div class ="forside">
        
			<section id="study_front">
            	<article id="study_link">
                    <a href="mainsite.php?page=study.php"><h2>Brug for at studere?</h2></a><!--Overskrift og link til study-->
                        <ul id="study_liste"><!--Liste med links til de forskellige undersider indenfor study-->
                            <li><a href="mainsite.php?page=bibliotek.php"><h3>Bibliotek</h3></a></li>
                            <li><a href="mainsite.php?page=faciliteter.php"><h3>Faciliteter</h3></a></li>
                            <li><a href="mainsite.php?page=book_moederum.php"><h3>Book møderum</h3></a></li>
                            <li><a href="mainsite.php?page=book_studieceller.php"><h3>Book studieceller</h3></a></li>                 
                        </ul>
                </article>
            </section>
            
            <section id="happening_front">
               <article id="happening_link">
                    <a href="mainsite.php?page=happening.php"><h2>Hvad sker der?</h2></a><!--Overskrift og link til happening-->
                        <ul id="happening_liste"><!--Liste med links til de forskellige undersider indenfor happening-->
                            <li><a href="mainsite.php?page=workshops.php"><h3>Workshops</h3></a></li>
                            <li><a href="mainsite.php?page=foredrag.php"><h3>Foredrag</h3></a></li>
                            <li><a href="mainsite.php?page=arrangementer.php"><h3>Arrangementer</h3></a></li>
                            <li><a href="mainsite.php?page=kalender.php"><h3>Kalender</h3></a></li>
                        </ul>
              </article>
            </section>
            
            <section id="info_front">	
               <article id="info_link">
                    <a href="mainsite.php?page=info.php"><h2>Brug for info?</h2></a><!--Overskrift og link til info-->
                        <ul id="info_liste"><!--Liste med links til de forskellige undersider indenfor info-->
                            <li><a href="mainsite.php?page=abningstider.php"><h3>Åbningstider</h3></a></li>
                            <li><a href="mainsite.php?page=kort.php"><h3>Kort</h3></a></li>
                            <li><a href="mainsite.php?page=kontakt.php"><h3>Kontakt</h3></a></li>
                        </ul>
              </article>
            </section>
            
            <section id="break_front">
                <article id="break_link">
                    <a href="mainsite.php?page=break.php"><h2>Brug for en pause?</h2></a><!--Overskrift og link til break-->
                        <ul><!--Liste med links til de forskellige undersider indenfor break-->
                            <li><a href="mainsite.php?page=cafe.php"><h3>Café</h3></a></li>
                            <li><a href="mainsite.php?page=havneomrade.php"><h3>Havneområdet</h3></a></li>
                        </ul>
                </article>
            </section>
            
            <footer> 
            	<a href="en/index.php"><img src="images/uk.png" alt="uk"></a>
                <a href="index.php"><img src="images/dk.png" alt="dk"></a>
            </footer>
        </div>
        
	</div>
    
</body>
</html>